<script setup lang="ts">
import {ref} from "vue";
import router from "../Router";

let currentTypeId = ref()
function isWho(typeId){
  currentTypeId.value = typeId
  router.push({
    path:'/login',
    query:{typeId:typeId}
  })
}
</script>

<template>

  <div class="flex flex-col h-173vw w-full justify-center items-center gap-20">
      <button @click="isWho(4)"
              class="rounded-2xl text-white text-10vw w-70vw h-40vw bg-blue-2 border-gray-4 border-solid border-1
              hover:bg-blue-4 hover:w-80vw hover:h-45vw hover:text-15vw"
      >
        Business
      </button>
      <button @click="isWho(3)"
              class="rounded-2xl text-white text-10vw w-70vw h-40vw bg-orange-2 bg-blue-2 border-gray-4 border-solid border-1
              hover:bg-orange-4 hover:w-80vw hover:h-45vw hover:text-15vw"
      >
        Customer
      </button>

    </div>





<!--  </div>-->
</template>

<style scoped>
.active3{
  @apply bg-orange-4 w-80vw h-45vw;
}
.active4{
  @apply bg-blue-4 w-80vw h-45vw;
}
</style>